﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>QAS.Nekorama - My ASP.NET MVC Application</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="~/Resources/Styles/style.css" rel="stylesheet" />
        <script src="~/Resources/Scripts/jquery-ui.js"></script>
        <link href="~/Resources/Styles/jquery-ui.css" rel="stylesheet" />
        <link href="~/Resources/Styles/Login.css" rel="stylesheet" />
    </head>
    <body>
        <!--HEADER-->
	<div id="header">
        <div id="header-top">
            <div id="left">
            	<ul id="language">
                	<li><a href="#">Tiếng Việt</a></li>
                    <li><a href="#">English</a></li>
                    <li><a href="#">日本語</a></li>
                </ul>
            </div><!--end language-bar-->
            
            <div id="right">
            	<img src="/Resources/Images/en-US/search_button.png" alt="nekorama search button" width="24" height="24" />
            	<form method="get" action=""><a href="#"><input type="text" name="header-search" value="search"/></a>
              </form>
            	<nav><ul id="login">
                    <li><a href="#">About</a></li>
	                <li><a href="#" id="login-trigger">Log in <span>▼</span></a><div id="login-content">
				<form>
				    <fieldset id="actions">
				        Login with google authentication.
				        <input type="submit" id="submit" value="Google">
				        @*<label><input type="checkbox" checked="checked"> Keep me signed in</label>*@
				    </fieldset>
				</form>
			</div></li>
                    
                    	
                </ul></nav>
          	</div><!--end right-->
        </div><!--end header-top-->
	    <script>
	        $(document).ready(function () {
	            $('#login-trigger').click(function() {
	                $(this).next('#login-content').slideToggle();
	                $(this).toggleClass('active');

	                if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;');
	                else $(this).find('span').html('&#x25BC;');
	            });
	        });
    	</script>
	    

<body>
 

    	
        <div id="header-bot">
        	<div id="logo">
            	<a href="index.html"><img src="/Resources/Images/en-US/logo.png" alt="nekorama logo"/></a>
            </div><!--end logo-->
            
            <div id="main-menu">
            	<a href="question.html"><img src="/Resources/Images/en-US/question_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="tags.html"><img src="/Resources/Images/en-US/tags_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="users.html"><img src="/Resources/Images/en-US/users_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="help.html"><img src="/Resources/Images/en-US/help_button-1.jpg" alt="nekorama question button" /></a>
                
                <a href="contact.html"><img src="/Resources/Images/en-US/contact_button-1.jpg" alt="nekorama question button" /></a>
            </div><!--end main-menu-->
        </div>
    </div><!--end header-->

        <div id="body">
            @RenderSection("featured", required: false)
            <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
        </div>
        <footer>
            <!--FOOTER-->
    <div id="footer">
    	<p>猫 | Capstone Project | Developed by Nekora | FPT University</p>
    </div><!--end footer-->

        </footer>

      
    </body>
</html>